html,body,#main{background:#540674 linear-gradient(#540674,#a0408b);color:#fff;overflow-x:hidden}#header::after{background:0 0}#footer::after{background:0 0}#header .nav{filter:drop-shadow(0 0.1em 0.2em rgba(0,68,136,0.5)) drop-shadow(0 0.08em 0.05em rgba(0,0,0,0.75));max-width:16.66667em}#footer{filter:drop-shadow(0 0.1em 0.2em rgba(68,0,136,0.5)) drop-shadow(0 0.08em 0.05em rgba(0,0,0,0.75))}.bg-area{display:flex;flex-direction:column;justify-content:space-between;position:absolute;top:0;bottom:0;left:calc(50% - 16em);z-index:-5;width:32em;margin:0 auto;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#540674 linear-gradient(#540674,#a0408b)}.bg-area img{width:100%;display:block;-o-object-fit:cover;object-fit:cover}.btn-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;position:relative;text-align:center}.btn-dl,.btn-yoe{display:inline-block;vertical-align:bottom;width:8em;height:2.5em;border-radius:1em;background:url(/img/Edm/Feature_Game/btns.png) 0 0/16.5em 7.5em no-repeat;-webkit-animation:dlBtn .6s infinite step-end;animation:dlBtn .6s infinite step-end;transition:filter .2s;cursor:pointer}.btn-dl:hover,.btn-yoe:hover{filter:brightness(1.2) drop-shadow(0 0 0.25em #fff)}.btn-dl:active,.btn-yoe:active{-webkit-animation:none;animation:none;background-position-y:bottom}.btn-yoe{width:8.5em;background-position:100% 0}@-webkit-keyframes dlBtn{0%{background-position-y:top}50%{background-position-y:center}100%{background-position-y:top}}@keyframes dlBtn{0%{background-position-y:top}50%{background-position-y:center}100%{background-position-y:top}}.sr-only{position:fixed;top:-9in;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0)}.section{max-width:1000px;width:100%;margin:0 auto}img{max-width:100%;display:block;width:auto;height:auto;margin:0 auto}.content{position:relative;width:92%;max-width:920px;margin:0 auto}.head-title{display:block;position:relative;width:16.5em;top:0;left:calc(50% - 8.25em);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:1.8em 0 0}.title-01{margin:4.8em auto -.5em;width:16em;filter:drop-shadow(0 0.1em 0.2em #000)}.border{position:relative;display:table;z-index:0;font-weight:700;width:16em;margin:1.8em auto .75em;min-height:4em;color:#fff}.border::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;filter:drop-shadow(0 0 0.25em rgba(0,0,102,0.5));-o-border-image:url("/img/Edm/.png") 120 fill/2em/0.4em;border-image:url("/img/Edm/") 120 fill/2em/0.4em;pointer-events:none}.border p,.border ol{font-size:.66667em;line-height:1.5;padding:0 1em;margin:.75em auto;text-align:center}.border p b,.border ol b{font-size:larger;line-height:1.333;color:#c50000}.border a img{transition:filter .2s,transform .5s}.border a:hover img,.border a:active img{filter:brightness(1.2);transform:scale(1.02)}.title{font-size:.75em;position:relative;z-index:2;color:#fff;margin:0 auto .5em;padding:.15em .65em;text-align:center}.title i{--glow-color: #fec000;text-shadow:.05em 0 currentColor,0 .05em var(--glow-color),.05em .05em var(--glow-color),0 .1em var(--glow-color),.05em .1em var(--glow-color)}.title b{display:inline-block;vertical-align:baseline;border:.08em solid currentColor;border-radius:.25em;padding:0 .1em;margin:-.2em .05em;box-shadow:inset 0 0 .1em var(--glow-color,transparent),0 0 .1em var(--glow-color,transparent)}h2.title{font-size:.925em;margin-top:-1em;margin-bottom:.25em}h3.title{display:flex;align-items:center}h3.title b{padding:0 .5em;margin:0 .25em}h3.title::before,h3.title::after{content:"";display:block;flex-grow:1;height:1em;background:url() center/1em 1em round}h3.title::after{transform:scale(1,-1)}a{color:inherit}:visited{color:inherit}.text-hilight{color:#ff0297}.text-yellow{color:#fffa68}.text-blue{color:#68fdff}.text-center{text-align:center}:root{--glow-color: #d200ff;--glow-size: .2em;--outline-color: #421500;--outline-width: .12em}.text-glow{text-shadow:0 0 calc(var(--glow-size) * .5) var(--glow-color);filter:drop-shadow(0 0 calc(var(--glow-size) * .5) var(--glow-color)) drop-shadow(0 0 calc(var(--glow-size)) var(--glow-color))}.text-outline{letter-spacing:normal;font-weight:600;text-shadow:calc(.7 * var(--outline-width)) calc(.7 * var(--outline-width)) calc(.25 * var(--outline-width)) var(--outline-color),calc(.7 * var(--outline-width)) calc(-.7 * var(--outline-width)) calc(.25 * var(--outline-width)) var(--outline-color),calc(-.7 * var(--outline-width)) calc(.7 * var(--outline-width)) calc(.25 * var(--outline-width)) var(--outline-color),calc(-.7 * var(--outline-width)) calc(-.7 * var(--outline-width)) calc(.25 * var(--outline-width)) var(--outline-color),calc(1 * var(--outline-width)) 0 calc(.25 * var(--outline-width)) var(--outline-color),calc(-1 * var(--outline-width)) 0 calc(.25 * var(--outline-width)) var(--outline-color),0 calc(1 * var(--outline-width)) calc(.25 * var(--outline-width)) var(--outline-color),0 calc(-1 * var(--outline-width)) calc(.25 * var(--outline-width)) var(--outline-color),calc(.9 * var(--outline-width)) calc(.4 * var(--outline-width)) calc(.3 * var(--outline-width)) var(--outline-color),calc(.9 * var(--outline-width)) calc(-.4 * var(--outline-width)) calc(.3 * var(--outline-width)) var(--outline-color),calc(-.9 * var(--outline-width)) calc(.4 * var(--outline-width)) calc(.3 * var(--outline-width)) var(--outline-color),calc(-.9 * var(--outline-width)) calc(-.4 * var(--outline-width)) calc(.3 * var(--outline-width)) var(--outline-color),calc(.4 * var(--outline-width)) calc(.9 * var(--outline-width)) calc(.3 * var(--outline-width)) var(--outline-color),calc(.4 * var(--outline-width)) calc(-.9 * var(--outline-width)) calc(.3 * var(--outline-width)) var(--outline-color),calc(-.4 * var(--outline-width)) calc(.9 * var(--outline-width)) calc(.3 * var(--outline-width)) var(--outline-color),calc(-.4 * var(--outline-width)) calc(-.9 * var(--outline-width)) calc(.3 * var(--outline-width)) var(--outline-color)}#article{pointer-events:none}#article>*{pointer-events:all}#article .head-title{pointer-events:none}#article .head-title>*{pointer-events:all}#content-area{position:relative;width:16.66667em;left:calc(50% - 8.33333em)}.btn-play{font-size:inherit;display:block;margin:-.5em auto;position:relative;z-index:1;width:13.5em;height:5.55em;border-radius:2.5em;border:none;cursor:pointer}.btn-play::after,.btn-play::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:url("/img/Edm/Feature_Game/btn-play.png") 0 0/auto 200%;border-radius:inherit;pointer-events:none}.btn-play::after{background-position:0 100%;-webkit-animation:btnPlay2 2s infinite ease-in-out;animation:btnPlay2 2s infinite ease-in-out;opacity:0;transition:opacity .1s,transform .1s}.btn-play b{position:absolute;top:1em;left:.9em;z-index:1;width:3em;height:3em;transform:translate(0,0.1em);-webkit-animation:btnPlay 2s infinite ease-in-out;animation:btnPlay 2s infinite ease-in-out;pointer-events:none;transition:transform .15s}.btn-play b::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("/img/Edm/Feature_Game/bg-button2.png") 100% 100%/100% auto;transition:filter .5s}.btn-play:hover b,.btn-play:active b{transition:transform .65s;transform:translate(0,0) scale(1.05)}.btn-play:hover b::before,.btn-play:active b::before{filter:drop-shadow(0 0 0.025em #008) drop-shadow(0 0 0.25em #dff) drop-shadow(0 0 0.25em rgba(0,0,136,0.5))}@-webkit-keyframes btnPlay{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}100%{filter:hue-rotate(0deg)}}@keyframes btnPlay{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}100%{filter:hue-rotate(0deg)}}@-webkit-keyframes btnPlay1{15%{opacity:1}50%{opacity:0}85%{opacity:1}}@keyframes btnPlay1{15%{opacity:1}50%{opacity:0}85%{opacity:1}}@-webkit-keyframes btnPlay2{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes btnPlay2{0%{opacity:0}50%{opacity:1}100%{opacity:0}}:root{--swiper-navigation-sides-offset: 0;--swiper-navigation-size: 1em}.swiper-button-container{filter:drop-shadow(0 0 0.2em #000)}.swiper-button-prev,.swiper-button-next{width:2.5em;top:0;margin:0;height:100%}.swiper-button-prev::after,.swiper-button-next::after{content:"";position:absolute;inset:0;background:url() left/1.25em auto no-repeat;transition:transform .2s,filter .2s;filter:drop-shadow(0 0 0.02em var(--glow-color))}.swiper-button-prev:hover::after,.swiper-button-next:hover::after{transform:scale(1.1);filter:drop-shadow(0 0 0.1em var(--glow-color))}.swiper-button-next{right:0}.swiper-button-prev{left:0;transform:scale(-1,1)}#event1{margin-top:.75em}#event1::after{border-image-source:url()}#event1 .title{margin-top:-.5em;margin-bottom:-.35em}#event1 .game-image{display:block;position:relative;overflow:hidden;width:15em;margin:.25em auto}#event1 .game-image img{width:100%}#event1 .game-image::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;border-radius:.1em;box-shadow:inset 0 0 0 .06em #fff,inset 0 0 .5em .1em #7741ff;pointer-events:none}#event1 .game-image figcaption{position:absolute;display:block;bottom:0;width:100%;font-size:.66667em;line-height:1.2;text-align:center;padding:2em 0 .5em;background:linear-gradient(0deg,#3c056d 20%,transparent)}#event2::after{border-image-source:url()}#event2 .swiper{width:16em;margin:.5em 0 1em}#event2 .swiper-slide{width:12em;border:.05em solid #fff;position:relative;overflow:hidden;box-shadow:0 0 .25em var(--glow-color,#fff);isolation:isolate}#event2 .swiper-slide::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;box-shadow:inset 0 0 .25em #fff;pointer-events:none}#event3::after,#event3-mo::after{border-image-source:url()}#event3 .swiper,#event3-mo .swiper{width:16em;margin:-.35em 0 0;padding:0 .75em}#event3 .video-container,#event3-mo .video-container{padding:0 .2em;margin:0 auto}#event3 .video,#event3-mo .video{width:200%;height:200%;transform-origin:top left;transform:scale(.5)}#event3 .video-frame,#event3-mo .video-frame{position:relative;width:6.4em;height:3.6em;margin:0 0 0 auto;border:.02em solid #fff;box-shadow:0 0 .25em var(--glow-color,#fff);background:#000;transform-origin:0% 25%;transition:transform .3s,margin .3s;overflow:hidden}#event3 .video-frame::after,#event3-mo .video-frame::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;box-shadow:inset 0 0 .25em #fff;pointer-events:none}#event3 .video-title,#event3-mo .video-title{width:calc(6.4em/.6);padding:.5em 0 0;font-size:.6em;font-weight:700;text-align:center;line-height:1.2;color:#9f31cd;--outline-color: #fff;--outline-width: .06em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}#event3 .swiper-button-prev,#event3 .swiper-button-next{width:1.5em}#event3 .swiper-slide{margin:0;padding:1em 0;position:relative}#event3 .swiper-slide:hover{z-index:1}#event3 .swiper-slide:hover .video-frame{transform:scale(1.5)}#event3 .swiper-slide-active .video-frame,#event3 .swiper-slide-active .video-title{transform-origin:0% 25%;margin:0 0 0 auto}#event3 .swiper-slide-prev .video-frame,#event3 .swiper-slide-prev .video-title,#event3 .swiper-slide-active+.swiper-slide-next .video-frame,#event3 .swiper-slide-active+.swiper-slide-next .video-title{transform-origin:100% 25%;margin:0 auto 0 0}#event3-mo{--swiper-navigation-sides-offset: 1.25em}#event3-mo .swiper{margin:.5em 0 1em}#event3-mo .swiper-wrapper{will-change:transform}#event3-mo .swiper-slide{width:12.4em;padding:0;will-change:transform}#event3-mo .swiper-button-prev::after,#event3-mo .swiper-button-next::after{bottom:2em}#event3-mo .video{width:150%;height:150%;transform-origin:top left;transform:scale(.66667)}#event3-mo .video-frame{width:12em;height:6.75em}#event3-mo .video-title{font-size:.8em;width:calc(12em/.8)}#event3-mo .swiper .swiper-slide-shadow-left,#event3-mo .swiper .swiper-slide-shadow-right{height:6.75em}#event4{padding-bottom:.25em}#event4::after{border-image-source:url()}.unbox-container{display:block;text-align:center}.unbox-item{display:inline-block;width:7em;height:3.9375em;border:.05em solid rgba(255,255,255,.5);border-radius:.2em;overflow:hidden}.unbox-item img{transition:transform 1s}.unbox-item:hover img{transform:scale(1.02)}.side-container{position:fixed;left:50%;transform:translate(-50%);top:4em;z-index:5;pointer-events:none;width:100%;max-width:26em;opacity:1}.side-container>*{pointer-events:all}.side{position:relative;z-index:0;margin-left:auto;text-align:center;line-height:1.25;width:4.5em;padding:.3em .25em;border-radius:.5em;opacity:0;pointer-events:none;transition:opacity .5s}.side.active{opacity:1;pointer-events:all}@media(max-width:900px){.side.active{opacity:0}}.side::before{content:"";position:absolute;z-index:-1;inset:0;border:.08em solid #ff6000;border-radius:inherit;background:linear-gradient(#a600d0 15%,#51009a 85%);box-shadow:0 0 0 .08em #fffbe0,inset 0 0 0 .05em #fff,inset 0 0 .1em .1em #d200ff;filter:drop-shadow(0 0 0.1em #ff6000) drop-shadow(0 0 0.1em #ff6000);pointer-events:none}.side-mobile{position:fixed;bottom:0;opacity:0;pointer-events:none;transition:opacity .5s;font-size:smaller;bottom:0;width:100%;height:3.333em;background:linear-gradient(#6132c9,#7e37ff);box-shadow:0 0 .15em .15em #6132c9}.side-mobile .btn-dl,.side-mobile .btn-yoe{display:inline-block;vertical-align:bottom;width:8em;height:3.75em;margin:-.25em 0;background-image:url(/img/Edm/Feature_Game/btns-mobile.png);background-size:16em 7.5em;-webkit-animation:none;animation:none;transition:filter .2s;cursor:pointer}.side-mobile .btn-dl:hover,.side-mobile .btn-yoe:hover{filter:brightness(1.2) drop-shadow(0 0 0.25em #fff)}.side-mobile .btn-dl:active,.side-mobile .btn-yoe:active{-webkit-animation:none;animation:none;background-position-y:bottom}@media(max-width:900px){#main{padding-bottom:3em}.side-mobile.active{opacity:1;pointer-events:all}}#rules{color:#551a00;margin-top:0;text-shadow:0 0 .25em #ff6152,0 0 .25em #ff6152,0 0 .25em #ff6152,0 0 .25em #ff6152;padding:0 .5em;--outline: #ff6152}#rules h2{font-size:.6em;text-align:center;line-height:1.2;margin:.25em auto;padding-left:.75em}#rules ul,#rules ol{text-align:justify;font-size:.5em;font-weight:700;padding-left:2em;padding-right:1em;margin:.35em auto;line-height:1.3333}#rules li+li{margin-top:.5em}#rules button{color:#f43228}.fade-up,.fade-left,.fade-right,.fade-down,.fade-in{opacity:0;transition:opacity 1.6s,transform 1s}.fade-up.faded,.fade-left.faded,.fade-right.faded,.fade-down.faded,.fade-in.faded{transform:none;opacity:1}.fade-up{transform:translate(0,1em)}.fade-down{transform:translate(0,-1em)}.fade-left{transform:translate(1em,0)}.fade-right{transform:translate(-1em,0)}.bg-area.fade-up,.bg-area .fade-up{transform:none}@-webkit-keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes glow{0%{visibility:hidden}50%{visibility:visible}}@keyframes glow{0%{visibility:hidden}50%{visibility:visible}}@-webkit-keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes fade{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes fade{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@-webkit-keyframes blink{0%{background-position:top}50%{background-position:bottom}}@keyframes blink{0%{background-position:top}50%{background-position:bottom}}@media(max-width:1920px){#main,.modal{font-size:3.125vw}}@media(max-width:1280px){#main,.modal{font-size:40px}}@media(max-height:720px){.modal{font-size:6vmin}}@media(max-width:666px){#main,.modal{font-size:6vw}}@media(max-width:420px){#rules{font-size:27px;padding:0}.modal-window{max-width:96%}}